<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>oschina首页布局</title>
		<style  type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#nav{
				height: 50px;
				background-color: blue;
			}
			#menu{
				height: 120px;
				background-color: red;
			}
			#adv{
				height: 180px;
				background-color: yellow;
			}
			#content #left,#content #right{
				float:left;
			}
			#content #left{
				width: 75%;
				background-color: gold;
			}
			#content #right{
				width: 25%;
				background-color: blue;
			}
			#content #left #l1{
				background-color: #26AB65;
			}
			#content #left #l2{
				background-color: gold;
			}
			#content #left #l1,#content #left #l2{
				width: 49%;
				float: left;
			}
			
			li{
				list-style: none;
			}
			#tuijian{
				float: left; 
				background-color: #359A25;
			}
			.clear{
				clear:both;
				margin: 0;
				padding: 0;
				height: 0;
			}
		</style>
	</head>
	<body>
		<div id="nav">顶部导航</div>
		<div id="menu">菜单</div>
		<div id="adv">广告</div>
		<div id="content" style="border: 3px dotted red;">
			<div id="left">
				<div id="l1">
					<h3>综合资讯</h3>
					<ul>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>	
					</ul>
				</div>
				<div id="l2">
					<h3>
						软件更新资讯 
					</h3>
					<ul>
						<li><a href="#">openwrt 发布 19.07.0-rc1 版本</a></li>
					</ul> 
				</div>
				<div class="clear"></div>
				 <div id="tuijian">
					 <h3>每周软件推荐</h3>
					 <ul>
						 <li><a href="#">边缘计算框架</a></li>
					 </ul>
				 </div>
			</div>
			
			<div id="right">
				暂无
			</div>
			<div class="clear"></div>
		</div>
		<div id="bottom">
			版权归oschina所有
		</div>
	</body>
</html>
